<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
 <link rel="stylesheet" href="${cxt}/css/xw_index.css" /> 
<link rel="stylesheet" href="${cxt }/css/header.css"/> 
<script type="text/javascript" src="${cxt}/js/jquery-3.2.1.js" ></script>
<script type="text/javascript" src="${cxt}/js/plug.js" ></script>
<script type="text/javascript" src="${cxt}/js/xw_index.js" ></script>
<link rel="stylesheet" href="${cxt }/css/yk_base.css" />
<link rel="stylesheet" href="${cxt }/css/yk_myCenter.css" />
<link rel="stylesheet" href="${cxt }/css/yk_reg.css" />
<link rel="stylesheet" href="${cxt }/css/yk_selfDriving.css" />
<link rel="stylesheet" href="${cxt }/css/header.css"/>
<script type="text/javascript" src="${cxt }/js/yk_selfDriving.js" ></script>
</head>
<body class="index">
	<jsp:include page="header.jsp"></jsp:include>
		<div id="carousel" class="index_ban_head" class="p-re" >
			<div class="index_ban_wrap">
				<div class="flexslider">
					<ul class="slides">
						<li class="carousel-con-item" 
							style="background: url(img/xw_index_ban_1.jpg) 
							center 0px no-repeat; 
							width: 100%; 
							float: left; 
							margin-right: -100%; 
							position: relative; 
							display: block; 
							z-index: 1;" ></li>
						<li class="carousel-con-item" 
						 	style="background: url(img/xw_index_ban_2.jpg) 
							center 0px no-repeat; 
							width: 100%; 
							float: left; 
							margin-right: -100%; 
							position: relative; 
							display: block; 
							z-index: 2;" ></li>
					</ul>
					<ol class="flex-control-nav">
						<li>
							<a data-slide-to=0 class="carouselactive"></a>
						</li>
						<li>
							<a data-slide-to=1></a>
						</li>
					</ol>
				</div>
			</div>
			<div class="index_brand">
				<div class="index_main">
					<ul>
						<li>
							<i class="index-yecx"></i>
							<p>
								<b>100+</b>
								车型
							</p>
						</li>
						<li>
							<i class="index-yewd"></i>
							<p>
								<b>1000+</b>
								网点
							</p>
						</li>
						<li>
							<i class="index-yecxn"></i>
							<p>
								<b>100%</b>
								车险
							</p>
						</li>
						<li>
							<i class="index-yelc"></i>
							<p>无限里程</p>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="index_i_serve index-graybg">
			<div class="index_main">
				<ul>
					<li>
						<h2>短租自驾</h2>
						<div class="zj"></div>
						<p>24小时轻松取/还车</p>
						<a href="#">我要租车</a>
					</li>
					<li class="m120">
						<h2>长租服务</h2>
						<div class="cz"></div>
						<p>长租一次告别常租</p>
						<a href="#">我要租车</a>
					</li>
					<li class="m120">
						<h2>企业租车</h2>
						<div class="qy"></div>
						<p>企业出行一步搞定</p>
						<a href="#">我要租车</a>
					</li>
					<li class="m120">
						<h2>顺风车站</h2>
						<div class="sfc"></div>
						<p>价格便宜就是任性</p>
						<a href="#">我要租车</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="index_i_sale_car">
			<div class="index_main">
				<div>
					<p class="title-b">热门车型大搜罗</p>
					<p class="title-s">HOT车型，实时更新随看随租，值得您关注</p>
				</div>
				<div class="sale-l">
					<div class="s-top">
						<i class="i-re">热门推荐</i>
						<ul class="city-t">
							<li>北京</li>
							<li>上海</li>
							<li>广州</li>
							<li>深圳</li>
							<li>武汉</li>
							<li>成都</li>
						</ul>
					</div>
					<div>
						<div style="overflow: hidden; position: relative; width: 780px;">
							<ul class="leftul">
								<li style="float: left; width: 780px;">
									<div class="cardiv">
										<a href="#">
											<div class="txtbox">
												<div class="stitle">
													<span class="car-name zc_remnd">别克凯越</span><br />
													<span class="fs14 zc_remnd">别克凯越/三厢/1.6自动  乘坐5人</span>
												</div>
											</div>
											<div class="picbox">
												<img class="bhmove" src="img/xw_ky.jpg" width="320" height="180" style="margin-left: -10px;"/>
												<img class="car_mask" src="img/xw_car_mask.png" width="385" height="260"/>
											</div>
										</a>
									</div>
									<div class="cardiv">
										<a href="#">
											<div class="txtbox">
												<div class="stitle">
													<span class="car-name zc_remnd">雪佛兰科鲁兹</span><br />
													<span class="fs14 zc_remnd">雪佛兰科鲁兹/三厢/1.5自动  乘坐5人</span>
												</div>
											</div>
											<div class="picbox">
												<img class="bhmove" src="img/xw_klz.jpg" width="320" height="180" style="margin-left: -10px;"/>
												<img class="car_mask" src="img/xw_car_mask.png" width="385" height="260"/>
											</div>
										</a>
									</div>
									<div class="cardiv">
										<a href="#">
											<div class="txtbox">
												<div class="stitle">
													<span class="car-name zc_remnd">起亚K2</span><br />
													<span class="fs14 zc_remnd">起亚K2/三厢/1.4自动  乘坐5人</span>
												</div>
											</div>
											<div class="picbox">
												<img class="bhmove" src="img/xw_k2.jpg" width="320" height="180" style="margin-left: -10px;"/>
												<img class="car_mask" src="img/xw_car_mask.png" width="385" height="260"/>
											</div>
										</a>
									</div>
									<div class="cardiv">
										<a href="#">
											<div class="txtbox">
												<div class="stitle">
													<span class="car-name zc_remnd">2014雪铁龙爱丽舍</span><br />
													<span class="fs14 zc_remnd">2014雪铁龙爱丽舍/三厢/1.6自动  乘坐5人</span>
												</div>
											</div>
											<div class="picbox">
												<img class="bhmove" src="img/xw_2014ALS.jpg" width="320" height="180" style="margin-left: -10px;"/>
												<img class="car_mask" src="img/xw_car_mask.png" width="385" height="260"/>
											</div>
										</a>
									</div>
								</li>
								<li style="float: left; width: 780px;"></li>
							</ul>
						</div>
					</div>
				</div>
				<div class="sale-r">
					<div class="s-top">
						<i>顺风车</i>
						<span class="mcity">
							<a class="morer" href="#">更多 ></a>
						</span>
					</div>
					<div class="salebox">
						<div style="overflow:hidden; position:relative; width:385px">
							<ul class="rotar">
								<li class="rotarli">
									<div class="sfcdiv">
										<a href="#">
											<div class="sfctop">
												<div class="pricebox">
													<span class="pricebl">¥100</span>
													<span class="priceori">原价:￥1787</span>
												</div>
												<div class="picbox">
													<img class="bhmove" src="img/xw_ly.jpg" width="320" height="180" style="margin-left: -10px;"/>
													<img class="car_mask" src="img/xw_car_mask.png" width="385" height="260"/>
												</div>
											</div>
											<div class="sfcbotm">
												<div class="distance">
													<div class="brdb">
														<div class="fl barea">
															<p class="fs20">株洲</p>
															<p class="fs30">10-20</p>
															<p class="fs12">最早取车时间</p>
														</div>
														<div class="fl shapepic">
															<div class="pare">
																<span>限租3天</span>
															</div>
														</div>
														<div class="fl barea">
															<p class="fs20">西安</p>
															<p class="fs30">10-23</p>
															<p class="fs12">最晚还车时间</p>
														</div>
													</div>
													<div class="carinfo">
														<p>大众朗逸</p>
														<p class="fs14">大众朗逸/三厢/1.6自动   乘坐5人</p>
													</div>
												</div>
											</div>
										</a>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="index_i_sale_acy index-graybg">
			<div class="index_main">
				<div>
					<h1>优惠活动，点亮生活趁现在</h1>
					<p class="ffftitle">多种租车模式想怎么租，就怎么租，时间与里程统统都忘掉</p>
					<div class="activityScroll">
						<div class="hd"></div>
						<div class="bd">
							<div class="tempWrap">
								<ul class="picList" style="width: 1220px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: 0px;">
									<li>
										<a href="#">
											<img src="img/xw_yhhdbg1.jpg" width="285" height="215"/>
										</a>
										<div>
											<h3>新用户留步 150元请收下</h3>
											<p class="f14">
												连环送券 租车直抵<br />
												专享特惠 只送给你
											</p>
											<p class="f12"></p>
										</div>
										<a href="#" class="ma">立即参与></a>
									</li>
									<li>
										<a href="#">
											<img src="img/xw_yhhdbg2.jpg" width="285" height="215"/>
										</a>
										<div>
											<h3>御驾黑卡--中国出行用车必备信用卡</h3>
											<p class="f14">
												中国首张出行“神卡”,一卡尽享神州专车、<br />
												神州租车、浦发信用卡三大白金权益！
											</p>
											<p class="f12"></p>
										</div>
										<a href="#" class="ma">立即参与></a>
									</li>
									<li>
										<a href="#">
											<img src="img/xw_yhhdbg3.jpg" width="285" height="215"/>
										</a>
										<div>
											<h3>超值优惠 低至6折！</h3>
											<p class="f14">
												月租价格 再刷新低<br />
												底价诱惑 就等你了！
											</p>
											<p class="f12"></p>
										</div>
										<a href="#" class="ma">立即参与></a>
									</li>
									<li>
										<a href="#">
											<img src="img/xw_yhhdbg4.jpg" width="285" height="215"/>
										</a>
										<div>
											<h3>赫兹全球租车 点我直达！</h3>
											<p class="f14">
												全球租车网络 横跨6大洲<br />
												支持异国还车 超多优惠轮番来袭
											</p>
											<p class="f12"></p>
										</div>
										<a href="#" class="ma">立即参与></a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="index_but_box">
					<a href="#" class="moreabox">更多优惠></a>
				</div>
			</div>
		</div>
		<div class="index_news">
			<div class="index_main">
				<div class="index_szkx">
					<p>神州快讯</p>
				</div>
				<ul>
					<li>
						<a href="#">
							<img src="img/xw_20170516BandR_list.jpg" width="285" height="215"/>
							<div class="news_title">
								<p>神州租车大数据解读“一带一路神州游”</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/xw_20170519news_list.jpg" width="285" height="215"/>
							<div class="news_title">
								<p>神州租车一季度客户数量同比增3成</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/xw_20160905shangmen_pc.jpg" width="285" height="215"/>
							<div class="news_title">
								<p>神州租车“免费上门送取车”再树行业新标杆</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="img/xw_20160726Carmarket_pc.jpg" width="285" height="215"/>
							<div class="news_title">
								<p>神州优车挂牌新三板首日市值超400亿元</p>
							</div>
						</a>
					</li>
				</ul>
				<a class="more_news_btn" href="#">更多快讯></a>
			</div>
		</div>
		<div class="index_footmenu">
			<div class="index_main">
				<dl class="wyd">
					<dt>
						<a href="#">租车</a>预订说明
					</dt>
					<dd>
						<a target="_blank" href="#">服务时间</a>
						<a target="_blank" href="#">待租车况</a>
						<a target="_blank" href="#">服务预订</a>
						<a target="_blank" href="#">短租产品</a>
						<a target="_blank" href="#">租车资格</a>
						<a target="_blank" href="#">取还车说明</a>
					</dd>
				</dl>
				<dl class="why">
					<dt>会员管理</dt>
					<dd>
						<a target="_blank" href="#">会员章程</a>
						<a target="_blank" href="#">会员细则</a>
						<a target="_blank" href="#">定级积分</a>
					</dd>
				</dl>
				<dl class="wsj">
					<dt>紧急事务处理</dt>
					<dd>
						<a target="_blank" href="#">保险责任</a>
						<a target="_blank" href="#">理赔说明</a>
						<a target="_blank" href="#">事故处理</a>
						<a target="_blank" href="#" style="clear:both;">救援及备用车</a>
					</dd>
				</dl>
				<dl class="wfy">
					<dt>
						<a href="#">租车</a>费用及结算
					</dt>
					<dd>
						<a target="_blank" href="#">价格说明</a>
						<a target="_blank" href="#">结算流程</a>
						<a target="_blank" href="#">储值卡</a>
						<a target="_blank" href="#">积分</a>
					</dd>
				</dl>
				<dl class="wbz">
					<dt>帮助中心</dt>
					<dd>
						<a target="_blank" href="#">常见问题</a>
						<a target="_blank" href="#">新手上路</a>
						<a target="_blank" href="#">服务规则 </a>
					</dd>
				</dl>
			</div>
		</div>
		<div class="index_footer">
			<div class="index_main">
				<div class="fri_link_top"></div>
				<div class="fri_link">
					<span>友情链接:</span>
					<div class="fr" style="width:1120px;">
						<a href="http://www.maimaiche.com/cn/" target="_blank">神州买买车</a>
						<a href="http://www.carbank.cn/" target="_blank">神州闪贷</a>
						<a href="http://bj.tuniu.com" target="_blank">北京旅游网</a>
						<a href="http://z.mafengwo.cn" target="_blank">旅游指南</a>
						<a href="http://www.ynet.com/" target="_blank">北青网</a>
						<a href="http://wan.cncn.com/" target="_blank">欣欣旅游商城</a>
						<a href="http://www.mianfeiwucan.org/" target="_blank">免费午餐网</a>
						<a href="http://www.city8.com" target="_blank">中国街景地图</a>
						<a href="http://www.ctcnn.com" target="_blank">劲旅网</a>
						<a href="http://www.fhlyou.com" target="_blank">凤凰古城</a>
						<a href="http://www.taoche.com" target="_blank">二手车交易</a>
						<a href="http://www.ilvping.com" target="_blank">旅评网</a>
						<a href="http://www.lavago.com" target="_blank">拉拉勾旅游网</a>
						<a href="http://www.caissa.com.cn" target="_blank">凯撒旅游网</a>
						<a href="http://www.17u.cn" target="_blank">同程网</a>
						<a href="http://travel.sina.com.cn" target="_blank">新浪旅游</a>
						<a href="http://www.ufenghuang.com" target="_blank">游凤凰网</a>
						<a href="http://www.cits.cn/" target="_blank">国旅在线</a>
						<a href="http://www.qyer.com/" target="_blank">穷游出境游</a>
						<a href="http://www.jdair.net/" target="_blank">首都航空</a>
					</div>
				</div>
			</div>
			<div class="index_footcopyright">
				<div class="index_main">
					<div class="ainfor">
						<a href="#">关于我们</a>
						<a href="#" target="_blank">投资者关系</a>
						<a href="#">新闻中心</a>
						<a href="#" target="_blank">加盟合作</a>
						<a href="#" target="_parent">隐私保护</a>
						<a href="#" target="_parent">网站导航</a>
						<a href="#" target="_parent">联系我们</a>
						<a href="#" target="_blank">招贤纳士</a>
						<a href="https://en.zuche.com" target="_blank" class="eng_wz">English>></a>
					</div>
					<div class="index_copyright">
						<p class="fl">
							Copyright©2008-2017 www.zuche.com All Rights Reserved.　北京神州汽车租赁有限公司 京ICP备10005002号   京公网安备号 11010502026705
						</p>
						<p class="fr">
							如果您对神州租车网站有任何意见，欢迎发送邮件到 
							<a href="1456073180@qq.com" class="yellowmailt">1456073180@qq.com</a>
						</p>
						<p class="pt10">
							<a target="_blank" href="#" class="sz_k"></a>
							<a target="_blank" href="#" class="sz_c"></a>
						</p>
					</div>
				</div>
			</div>
		</div>
		<div class="index_tool">
			<ul class="ulbox">
				<li class="libox p-re">
					<a href="#" class="abox">
						<span class="index_asset_i"></span>
						资<br>
						产
					</a>
				</li>
				<li class="libox p-re">
					<a href="#" class="abox">
						<span class="index_record_i"></span>
						订<br>
						单
					</a>
				</li>
				<li class="libox p-re">
					<a href="#" class="abox">
						<span class="index_phone_i"></span>
						手<br>
						机<br>
						版
					</a>
				</li>
			</ul>
		</div>
		<div class="index_foottool">
			<ul>
				<li>
					<a href="#">
						<span class="index_service_i"></span>
					</a>
				</li>
				<li>
					<a href="#" target="_blank">
						<span class="index_help_i"></span>
					</a>
				</li>
				<li>
					<a href="#">
						<span class="index_top_i"></span>
					</a>
				</li>
			</ul>
		</div>
	</body>
</html>